<ul class="pagination">  
  <li class="prev-page">
    <a href="javascript:;" #prevBtn (click)="prev()" [ngClass]="{'disabled': options.page === firstPage}">{{options.prevPage}}</a>
  </li>
  <li class="page" [ngClass]="{'is-active': options.page === firstPage}">
    <a href="javascript:;" (click)="change(firstPage)" class="page">{{firstPage}}</a>
  </li>
  <li *ngIf="beginEllips">...</li>
  <li *ngFor="let page of pages" [ngClass]="{'is-active': options.page === page}">
    <a href="javascript:;" (click)="change(page)" class="page">{{page}}</a>
  </li>
  <li *ngIf="endEllips">...</li>
  <li class="page" *ngIf="options.total != firstPage" [ngClass]="{'is-active': options.page === options.total}">
    <a href="javascript:;"  (click)="change(options.total)" class="page">{{options.total}}</a>
  </li>
  <li class="next-page">
    <a href="javascript:;" #nextBtn (click)="next()" [ngClass]="{'disabled': options.page === options.total}">{{options.nextPage}}</a>
  </li>
</ul>